*{
	box-sizing: border-box;
}
img {
    border: 0;
    border-style: none;
    width: 100%;
    display: block;
}
.home::-webkit-scrollbar {display:none}
.home{
	//height: -webkit-fill-available;
	//min-height: 100%;
	font-size: 28px;
	background-color: #fff!important;
	display: flex;
	flex-direction: column;
	font-family: PingFangTC;
	color: #9c7341;
	//position: absolute;
    width: 100%;
	padding-top: 12.8vmin;
   	height: 89vh;
	overflow-y:auto;
	overflow-x:hidden;
	padding-top: calc(constant(safe-area-inset-top) + 12.8vmin); 
	padding-top: calc(env(safe-area-inset-top) + 12.8vmin);
	padding-bottom: calc(constant(safe-area-inset-bottom) + 30vmin); 
	padding-bottom: calc(env(safe-area-inset-bottom) + 30vmin);
	box-sizing: border-box;
	position:fixed;
	z-index:1;
	-webkit-overflow-scrolling: touch;
	.sportIIHeader{
		flex-grow: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		display: flex;
		background-color: #fff!important;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		height: 12.8vmin;
		padding: 1.56vmin 2.56vmin 0.56vmin;
		
		.logo{
			width: 30%;
			height: 150%;
			
			img{
				display: inline-block;
				height: 100%;
				width: 100%;
				object-fit: contain;
			}
		}
		.functional{
			display: flex;
			font-size: .8rem;
			justify-content: flex-end;
			align-items: center;
			height: 100%;
			white-space: nowrap;
			flex: 1;
			
			.account-info{
				display: flex;
				align-items: center;
				font-size: .9rem;
				margin-right: 20px;
				gap: 10px;
				
				img{
					width: 52px;
					object-fit: cover;
				}
				.userid{
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
				}
			}
			.func-btn:not(:last-child){
				margin-right: 0.4rem;
			}
			.func-btn{
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: center;
				
				.icon-logout{
					background-image: url('../../static/icon-logout.png');
					background-size: cover;
					width: 1.6rem;
					height: 1.6rem;
				}
				.icon-logout1{
					background-image: url('../../static/icon-register.png');
					background-size: cover;
					width: 1.6rem;
					height: 1.6rem;
				}
				.icon-logout2{
					background-image: url('../../static/icon-login.png');
					background-size: cover;
					width: 1.6rem;
					height: 1.6rem;
				}
				.label{
					margin-left: 10px;
					margin-top: 6px;
				}
				.icon-sound-on{
					background: url('../../static/icon-sound-on.png') no-repeat 50%;
					background-size: contain;
					width: 1.8rem;
					height: 1.2rem;
				}
			}
			.lang-wrapper{
				width: 48px;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 0 0 1%;
				position: relative;
				
				.current-lang{
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					width: 60px;
					
					img{
						width: 100%;
					}
				}
				.select-langs{
					position: absolute;
					width: 76px;
					top: 100%;
					right: 3%;
					background: #dce2f5;
					text-align: center;
					border-radius: 106px;
					z-index: 20;
					
					.option-lang{
						width: 76px;
						height: 76px;
						margin: 12px auto;
					}
				}
			}
		}
	}
	:global{
		//margin-top: 105px;
		.ant-carousel{
			width: 94%;
			margin: 0 auto;
			
			img{
				border-radius: 20px;
			}
		}
	}
	.dragon-tiger-container{
		width: calc(100% - 32px);
		height: 220px;
		display: flex;
		align-items: center;
		border-radius: 10px;
		padding: 10px;
		margin: 6px auto;
		color: #6a4920;
		position: relative;
		
		img{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		.dragon-tiger-content{
			height: 17vmin;
			overflow: hidden;
			flex: 1;
			position: relative;
			display: flex;
			justify-content: center;
			bottom: -26px;
			
			:global(.ant-carousel .slick-list) {
				overflow: initial ;
			}
			
			.items{
				display: flex;
				justify-content: center;
				align-items: center;
				color: #6a4920;
				font-size: 28px;
				
				span:first-child{
					margin-right: 50px;
				}
			}
		}
	}
	.accountFunctions{
		width: 100%;
		height: 124px;
		display: flex;
		font-size: 24px;
		padding: 0 20px;
		justify-content: space-between;
		background: #fff;
		
		.account-user{
			height: 124px;
			font-size: 3.6vmin;
			line-height: 1.5;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			margin-bottom: 1.185vmin;
			
			.online-number{
				display: flex;
			}
			.online-number1{
				display: flex;
			}
		}
		.balances{
			display: flex;
			flex-direction: column;
			
			.balance{
				display: flex;
				flex-direction: row;
				
				.label{
					color: #b1987f;
					margin-right: 2px;
				}
			}
		}
		.buttons{
			display: flex;
			align-items: center;
			justify-content: center;
			color: #e8ceb0;
			gap: 0.2rem;
			
			.account-button{
				margin-left: 16px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				font-size: .7rem;
				
				.label{
					font-size: .85rem;
					color: #b1987f;
					margin-top: 10px;
				}
				.icon-gift{
					background: url('../../static/gift1.png') no-repeat 50%;
					background-size: contain;
					width: 100%;
					height: 56px;
				}
				.icon-rebate{
					background: url('../../static/icon-money-bag.png') no-repeat 50%;
					background-size: contain;
					width: 100%;
					height: 56px;
				}
				.icon-deposit{
					background: url('../../static/icon-piggy-bank.png') no-repeat 50%;
					background-size: contain;
					width: 100%;
					height: 56px;
				}
				.icon-withdraw{
					background: url('../../static/icon-dollar.png') no-repeat 50%;
					background-size: contain;
					width: 100%;
					height: 56px;
				}
			}
		}
	}
	.homeSportIIGameCategory{
		display: flex;
		flex-direction: row;
		background-color: #fff;
		.game-category-content{
			display: flex;
			flex-direction: row;
			flex-grow: 1;
			padding: 4px 20px;
			.dsfs{
				font-size: 32px;
				display: flex;
				flex-direction: column;
				width: 100%;
				padding-left: 0.5rem;
				padding-bottom: 13vmin;
				transform: translateY(25%);
			}
			.dsfs.active{
				transform: translateY(0);
			}
			
					
			.game-category{
				font-size: 24px;
				display: flex;
				flex-direction: column;
				color: #9aa4c2;
				padding-bottom: 30vmin;
				min-height: calc(20.8rem + 200px);
				
				.category-filter:not(:first-child){
					margin-top: 16px;
				}
				.category-filter{
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: center;
					color: #9aa4c2;
					box-shadow: 0 4px 10px 4px rgba(162,168,182,.4);
					background-image: linear-gradient(0deg,#f6f9ff -10%,#e3eafd 63%,#e0e7f9 0);
					border-radius: 24px;
					width: 4.5rem;
					height: 2.6rem;
					
					.label{
						margin-left: 6px;
						height: 2.9rem;
						line-height: 2.9rem;
					}
					.icon-sport{
						background: url('../../static/icon-sport-ball.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-live{
						background: url('../../static/icon-delier.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-buyu{
						background: url('../../static/icon-fish.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-qipai{
						background: url('../../static/icon-poker-cards.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-dianjing{
						background: url('../../static/icon-esport.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-dianzi{
						background: url('../../static/icon-slot-machine.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-douji{
						background: url('../../static/icon-live.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-saima{
						background: url('../../static/icon-blockchain.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
				}
				.category-filter.active{
					background: url('../../static/base-selected.png') no-repeat 50%;
					background-size: 126% 132%;
					color: #fff;
					
					.icon-live{
						background: url('../../static/icon-delier-active.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-sport{
						background: url('../../static/icon-sport-ball-active.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-buyu{
						background: url('../../static/icon-fish-active.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-qipai{
						background: url('../../static/icon-poker-cards-active.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-dianjing{
						background: url('../../static/icon-esport-active.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-douji{
						background: url('../../static/icon-live-active.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-saima{
						background: url('../../static/icon-blockchain-active.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
					.icon-dianzi{
						background: url('../../static/icon-slot-machine-active.png') no-repeat 50%;
						background-size: contain;
						width: 44px;
						height: 1.5rem;
					}
				}
			}
			
			.game-list{
				font-size: 32px;
				display: flex;
				flex-direction: column;
				width: 100%;
				padding-left: 0.5rem;
				padding-bottom: 3vmin;
				transition: .3s;
				transform: translateY(25%);
				
				.enter-game-button{
					display: flex;
					flex-direction: row;
					height: 32vw;
					min-height: 32vw;
					margin-bottom: 10px;
					width: 100%;
					// padding: 20px 32px;
					background-size: 100% 100%;
					color: #5b6a95;
					overflow: hidden;
					justify-content: space-between;
					border-radius: 24px;
					box-shadow: 0 0.2rem 0.5rem 0 rgba(65,70,92,.3);
					margin-top: 4px;
					background: url('../../static/game-bk.png') no-repeat;
					background-size: cover;
					background-position: 100%;
					
					.game-name{
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						margin-left: 0.5vw;
						padding-bottom: 0.5rem;
						
						>div{
							display: flex;
							flex-direction: column;
							align-items: flex-start;
							
							img{
								width: 112px;
								height: 70px;
								margin-top: 12px;
								margin-bottom: 6px;
							}
							.label{
								font-size: 24px;
								overflow-wrap: break-word;
								max-width: 200px;
							}
						}
					}
					.img{
						width: 300px;
					}
				}
			}
			
			.game-list.active{
				animation: donghua 0.3s linear;
				animation-fill-mode: forwards;
				// transform: translateY(0);
			}
			.game-list.active1{
				transform: translateY(0);
			}
			.hide{
				display: none;
				transform: translateY(25%);
			}
		}
		
	}
}
@keyframes donghua{
	0%{
		transform: translateY(15%);
	}
	100%{
		transform: translateY(0);
	}
}
.notice{
	font-size: 24px;
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin: 20px 0;
	vertical-align: bottom;
	align-items: center;

	.noticeicon{
		background: url('../../static/icon-sound-on.png') #fff no-repeat 50%;
		background-size: contain;
		width: 3rem;
		height: 1rem;
		position: relative;
		z-index: 99;
	}
	ul{
		flex: 1;
		overflow: hidden;
		display: flex;
		width:fit-content;
		text-align: left;
		white-space: nowrap;
		animation: scrollAnimation 20s linear infinite;
		li {
			// width:fit-content;
			text-align: left;
			white-space: nowrap;
			margin-right: 10px;
			color:#d2b79c;
			// animation: scrollAnimation 20s linear infinite;
		}
	}
}

@keyframes scrollAnimation {
	0% {
	  transform: translateX(100%);
	}
	100% {
	  transform: translateX(-100%);
	}
}
.c1{
	height:100px;
}
.img0{
	position: fixed;
	right: 30px;
	bottom: calc(constant(safe-area-inset-bottom) + 30vmin);
	bottom: calc(env(safe-area-inset-bottom) + 30vmin);
	z-index: 99;
	width: 80px;
}